<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
</head>
<body>
<header>
    Logo etc.
    <nav>
        <a href="page1.html">Page 1</a>
        <a href="page2.html">Page 2</a>
        <a href="page3.html">Page 3</a>
    </nav>
</header>

<nav>
    <a href="subpage1.html">SubPage 1</a>
    <a href="subpage2.html">SubPage 2</a>
    <a href="subpage3.html">SubPage 3</a>
</nav>

<article>
    <p>Main content section 1</p>
    <input type="email" name="emailField"/>
    <input type="url" name="urlField"/>
    <input type="number" name="numberField"/>
    <input type="number" name="numberField"
           min="10" max="20" step="2" />
    <input type="range" name="rangeField"/>
    <input type="range" name="rangeField"
           min="100" max="200" step="2"/>
    <input type="tel" name="telField"/>
    <input type="search" name="searchField"/>
    <input type="date" name="dateField"/>
    <input type="time" name="timeField"/>
    <input type="text" name="comboBoxField" autofocus>
    <input type="text" name="textField" placeholder="Type in here">
    <input type="text" name="textField" required>
</article>

<article>
    <p>Main content section 2</p>
</article>

<footer>bluemoon cooperate right</footer>

</body>
</html>
